* {
  /* The default for this style property for gtk3 is 150
   * so we have to get rid of that. */
  -GtkProgressBar-min-horizontal-bar-width: 0;
}

.avatar-round {
  border: 1px solid grey;
  border-radius: 48px;
}

.account-button {
  padding: 2px 4px;
}

.topbar > button.flat {
  /* Make it really flat */
  background-image: none;
  box-shadow: none;
  /* And square */
  border-radius: 0;
}

.topbar button .badge,
.topbar .button .badge {
  background-color: @theme_selected_bg_color;
  background-image: none;
  text-shadow: 0px 1px 1px #FFF;
  border-radius: 20px;
  border: 1px solid @theme_selected_fg_color;
  padding: 3px 2px;
}

.topbar button .badge:backdrop,
.topbar .button .badge:backdrop {
  background-color: grey;
}

.inline-media {
  background: none;
  border-radius: 0px;
  padding: 0px;
  opacity: 0.9;
  box-shadow: none;
  border: 1px solid @borders;
}

.inline-media:backdrop {
  border-color: @unfocused_borders;
}

.inline-media:hover {
  opacity: 1.0;
  box-shadow: none;
  border-top: 2px solid @theme_selected_bg_color;
  border-bottom: 2px solid @theme_selected_bg_color;
}

.image-success {
  box-shadow: none;
  background-image: none;
  border-radius: 0px;
  border: none;
  background-color: transparent;

  color: white;
  -gtk-icon-shadow: 0 0 black;
  -gtk-icon-source: -gtk-icontheme("object-select-symbolic");
}

.image-error {
  box-shadow: none;
  background-image: none;
  border-radius: 0px;
  border: none;
  background-color: transparent;

  color: @error_color;
  -gtk-icon-shadow: 0 0 black;
  -gtk-icon-source: -gtk-icontheme("dialog-error-symbolic");
}

.image-error:hover {
  color: white;
  -gtk-icon-source: -gtk-icontheme("view-refresh-symbolic");
}


.retweet-button:hover,
.retweet-button:checked {
  color: shade(green, 1.1);
}

.favorite-button:hover,
.favorite-button:checked {
  color: red;
}

/* Don't target :hover:active here */
.favorite-button:checked:not(:hover),
.retweet-button:checked:not(:hover) {
  background-image: none;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}

.reply-button:hover {
  color: blue;
}

.favorite-button:backdrop,
.retweet-button:backdrop {
  background-color: transparent;
}

.tweet {
  border-bottom: solid 1px alpha (grey, 0.3);
}

.text-only-button{
  font-weight: bold;
  background-image: none;
  background-color: transparent;
  border:none;
  text-shadow: none;
  padding: 0px;
  box-shadow: none;
  border-radius: 0px;
  border-bottom: 1px solid transparent;
  min-height: 0px;
  margin-bottom: -1px;
  outline-offset: 0;
}

.text-only-button:hover {
  border-bottom: 1px solid currentColor;
}

.text-only-button:active {
  color: inherit;
  background-color: alpha(currentColor, 0.4);
}

.text-only-button:backdrop {
  background-color: transparent;
}

.pixbuf-button {
  padding: 0px;
  background-image: none;
  background-color: transparent;
  border: none;
  border-radius: 0px;
  box-shadow: none;
  transition: box-shadow 0.2s ease-in-out;
}

.pixbuf-button-round {
  border: 1px solid grey;
  border-radius: 48px;
}

.pixbuf-button:hover {
  border: 1px solid @theme_selected_bg_color;
}

.pixbuf-button:active {
  box-shadow: inset 0px 0px 3px alpha(black, 0.95);
}
.pixbuf-button:backdrop {
  background-color: transparent;
  background-image: none;
}
replyindicator {
  background-color: @theme_selected_bg_color;
}

.profile-button {
  border-radius: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom: 2px solid transparent;
  box-shadow: none;
}

.profile-button:checked {
  border: none;
  box-shadow: none;
  background-image: none;
  background-color: transparent;
  color: inherit;
  border-bottom: 2px solid @theme_selected_bg_color;
}

.profile-button:hover {
  background-image: none;
  background-color: alpha(white, 0.3);
  border-bottom: 2px solid #aaa;
}

.profile-button:active {
  color: inherit;
  border-bottom: 2px solid grey;
}

.quote {
  border-left: 3px solid alpha(currentColor, 0.4);
}

.close-button {
  padding: 3px;
  border-radius: 50%;
  -gtk-outline-radius: 50%;
  min-height: 0px;
  min-width: 0px;
  box-shadow: none;
}

.avatar:disabled,
.inline-media:disabled {
  opacity: 0.4;
}

label.name link {
  color: @theme_fg_color;
}

/* Override the earlier rule to read-only
 * inline media are still full-opacity */
.read-only .inline-media:disabled {
  opacity: 1.0;
}

progressbar.horizontal.embedded-progress,
progressbar.horizontal.embedded-progress>trough,
progressbar.horizontal.embedded-progress>trough>progress {
  margin: 0px;
  border-radius: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
}

.fav-image-box {
  padding: 6px;
}

/* GtkFlowBox doesn't handle the hover state of its children so... */
.fav-image-item:hover {
  background-color: alpha(black, 0.1);
}

.fav-image-item:active {
  background-color: alpha(black, 0.3);
}

.fav-image-item:disabled {
  opacity:0.5
}

.invisible-links link:link {
  color:inherit;
}

.tweet-info-grid {
  padding: 12px;
}
